
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>222笔下光年的博客#(BASE_PATH)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="yinqi" />
<link rel="shortcut icon" type="image/x-icon" href="#(tmplPath)/favicon.ico" />
<link rel="stylesheet" type="text/css" href="#(tmplPath)/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="#(tmplPath)/css/materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="#(tmplPath)/css/style.min.css" />
</head>
<body>
<header class="lyear-header text-center" style="background-image:url(/templates/Light-Year-Blog/images/left-bg.jpg);">
  <div class="lyear-header-container">
    <div class="lyear-mask"></div>
    <h1 class="lyear-blogger pt-lg-4 mb-0"><a href="index.html">笔下光年的博客</a></h1>
    <nav class="navbar navbar-expand-lg">
    <a class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <div class="lyear-hamburger">
        <div class="hamburger-inner"></div>
      </div>
    </a>
    
    <div id="navigation" class="collapse navbar-collapse flex-column">
	  <div class="profile-section pt-3 pt-lg-0">
	    <img class="profile-image mb-3 rounded-circle mx-auto" src="#(tmplPath)/images/lyear.png" width="120" height="120" alt="笔下光年" >
	    <div class="lyear-sentence mb-3">必须记住我们学习的时间是有限的。时间有限，不只由于人生短促，更由于人事纷繁。我们就应力求把我们所有的时间用去做最有益的事情。</div>
        <hr>
	  </div>

      #set(menus = getCacheMenu("main"))
      <ul class="navbar-nav flex-column text-center">
        #for(menu : menus)
        <li class="nav-item active">
          <a class="nav-link" href="#(menu.url)">#(menu.name)</a>
        </li>
        #end
      </ul>
	  
	  <div class="my-2 my-md-3">
        <form class="lyear-search-form form-inline justify-content-center pt-3">
          <input type="email" id="semail" name="semail1" class="form-control mr-md-1" placeholder="搜索关键词" />
        </form>
	  </div>
	</div>
  </nav>
  </div>
</header>
<div class="lyear-wrapper">
  <section class="mt-5 pb-5">
    <div class="container">

      <div class="row">
        <!-- 文章列表 -->
        <div class="col-xl-8">
          #for(article : page.getList())
          <article class="lyear-arc">
            <div class="arc-header">
              <h2 class="arc-title"><a href="/article/#(article.slug)">#(article.title)</a></h2>
              <ul class="arc-meta">
                <li><i class="mdi mdi-calendar"></i> 2019-09-25 09:21</li>
                #if(article.seoKeywords??)
                <li><i class="mdi mdi-tag-text-outline"></i> #(article.seoKeywords)</li>
                #end
              </ul>
            </div>
            #if(article.pic??)
            <div class="arc-preview">
              <a href="#"><img src="#(article.pic)" alt="" class="img-fluid rounded"></a>
            </div>
            #end
            #if(article.description??)
            <div class="arc-synopsis">
              #(article.description)
            </div>
            #end
          </article>
          #end
          <!-- 分页 -->
          <div class="row">
            <div class="col-lg-12">
              #include("_paginate.html")
              #@FrontPaginate(page,"/article/category/"+category.slug+"?pn=")
            </div>
          </div>
          <!-- 分页 end -->
        </div>
        <!-- 内容 end -->
        <!-- 侧边栏 -->
        <div class="col-xl-4">
          <div class="lyear-sidebar">
            <!-- 热门文章 -->
            <aside class="widget widget-hot-posts">
              <div class="widget-title">热门文章</div>
              #set(hots = listHot(4))
              <ul>
                #for(article : hots)
                <li>
                  <a href="/article/#(article.slug)">#(article.title)</a> <span>#date(article.created, "yyyy-MM-dd HH:mm")</span>
                </li>
                #end
              </ul>
            </aside>
            <!-- 标签 -->
            #hotTags(type="tag",counts=6)
            <aside class="widget widget-tag-cloud">
              <div class="widget-title">标签</div>
              <div class="tag-cloud">
                #for(tag:tags)
                <a href="/article/tag/#(tag.name)" class="badge badge-light">#(tag.name)</a>
                #end
              </div>
            </aside>
            #end
          </div>
        </div>
        <!-- 侧边栏 end -->
      </div>

    </div>
    <!-- end container -->
  </section>
</div>
<script type="text/javascript" src="#(tmplPath)/js/jquery.min.js"></script>
<script type="text/javascript" src="#(tmplPath)/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="#(tmplPath)/js/bootstrap.min.js"></script>
<script type="text/javascript" src="#(tmplPath)/js/main.min.js"></script>
</body>
</html>